@charset "UTF-8";
.banner {
  /* padding-top: 136px; */
  margin-top: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.banner ul {
  position: absolute;
}

.banner ul li {
  /*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
  width: 100%;
  height: 560px;
  float: left;
  background: no-repeat center center;
}

ol {
  width: 120px;
  height: 20px;
  position: absolute;
  left: 50%;
  bottom: -380px;
  padding: 0 10px;
  border-radius: 10px;
}

ol li {
  width: 8px;
  height: 8px;
  float: left;
  margin: 5px 5px;
  background: rgba(10, 10, 10, 0.5);
  border-radius: 50%;
  cursor: pointer;
}

ol .current {
  background: #122147;
}

.banner i {
  width: 58px;
  height: 120px;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  cursor: pointer;
  border-radius: 5px;
  display: none;
  z-index: 999;
}

.banner .left {
  left: 60px;
  font-size: 60px;
}

.banner .right {
  right: 60px;
  font-size: 60px;
}
